﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Cart.aspx.cs" Inherits="Cart" %>
<%@ Register Src="Share/Header.ascx" TagName="Header" TagPrefix="ulHeader" %>
<%@ Register Src="Share/Footer.ascx" TagName="Footer" TagPrefix="ulFooter" %>
<%@ Register Src="Share/CompareProducts.ascx" TagName="CompareProducts" TagPrefix="ulCompareProducts" %>
<%@ Register Src="Share/Cart_DatHang.ascx" TagName="DatHang" TagPrefix="ulCart" %>
<%@ Register Src="Share/_PopupDelete.ascx" TagName="Delete" TagPrefix="ulPopup" %>
<%@ Register Src="Share/_PopupProcess.ascx" TagName="Process" TagPrefix="ulPopup" %>
<%@ Register Src="Share/Adv.ascx" TagName="Adv" TagPrefix="ulAdv" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="description" content="Công ty TNHH Anh Khoa - Nhà phân phối chính thức bút cao cấp Parker, Waterman" /> 
	<meta name="keywords" content="Bút, but, Bút parker, but parker, viết parker, viet parker, bút waterman, but waterman, viết waterman, viet waterman, parker, parker pen, parker viet nam, bút máy parker, but may parker, bút ký parker, but ky parker, waterman, bút bi parker, but bi parker, bán bút parker, parker Việt, parker Việt Nam, parker Viet, parker Viet Nam, parker Hanoi, parker Hà Nội, waterman pen, mực parker, bút mực parker, but muc parker, bút parker chính hãng" />
	<meta name="copyright" content="©2013 Công ty TNHH Anh Khoa" /> 
	<meta name="author" content='Thiet ke website-email: hightechdesignpro@gmail.com' />
	<meta name="robots" content="index, follow" />
    
    <title>Giỏ hàng - Công ty TNHH Anh Khoa - Nhà phân phối chính thức bút cao cấp Parker, Waterman</title>
    <link rel="stylesheet" href="css/all.css" media="all" />
    <link rel="stylesheet" href="css/menu.css" media="screen" />
    <!--<link rel="stylesheet" href="css/jquery-ui-1.8.23.custom.css" media="all" />-->
    <link rel="stylesheet" type="text/css" media="screen" href="css/jquery-ui.css" />
    
    <script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
    <script type="text/javascript" src="js/knockout-latest.js"></script>
    <script type="text/javascript" src="js/knockout.validation.js"></script>
    <script type="text/javascript" src="js/jquery-ui-1.8.23.custom.min.js"></script>
    <script type="text/javascript" src="js/fancybox.js"></script>
    <script type="text/javascript" src="js/jquery.stickytooltip.js"></script>
    <script type="text/javascript" src="js/jquery.qtip-1.0.0-rc3.min.js"></script>
    <script type="text/javascript" src="js/superfish.js"></script>
    <script type="text/javascript" src="js/global.js"></script>
    <script type="text/javascript" src="js/validate.constant.js"></script>
    <script type="text/javascript" src="js/jquery.cookie.js"></script>
    <script type="text/javascript" src="js/jquery.numeric.js"></script>
    <script type="text/javascript" src="js/jquery.idTabs.js"></script>
    <!--<script type="text/javascript" src="js/jquery-ui.js"></script>-->
    <script type="text/javascript" src="js/ajaxCache-0.2.1.js"></script>
    
    <script type="text/javascript" src="js/fancyzoom.js"></script>
    <script type='text/javascript' src='js/jquery.dcmegamenu.1.3.js'></script>
    
    <script type="text/javascript">
        $(document).ready(function ($) {
            $('#mega-menu').dcMegaMenu({ rowItems: '3', speed: 'fast' });
        });
    </script>
    <!--[if lt IE 9]>
		<script type="text/javascript" src="js/html5.js"></script>
		<script type="text/javascript" src="js/PIE.js"></script>
	<![endif]-->
</head>
<body id="cart-page">
    <div id="wrapper">
        <div class="w1">
            <ulHeader:Header ID="Header" runat="server" />
            
            <div class="clear3"><img height="3px" class="spacer" /></div>
            <div id="wrapper-shadow">
            <div id="wrap-content" class="wrap-bg-white" id="viewOrders">
                <form method="post" class="form" action="##">
                    <div id="path-way">
                        <a rel="nofollow" title="Trang chủ" href="Home.aspx">Trang chủ</a>
                    </div>
                    <div id="bg_type_line">
                        <div id="cart-content">
                            <div class="clear"><img height="12px" class="spacer" src="images/spacer.gif"></div>
                            <div class="cc-title left">GIỎ HÀNG</div>
                            <div class="cc-title-r right" data-bind="visible: existLine">
                                <a class="btn btn-capnhat-blue right" href="javascript:updateCart();">Cập nhật</a>
                            </div>
                            <div class="cc-title-r right">
                                <span class="title-success bg-message" data-bind="visible:changedQuantity"></span>
                            </div>
                            <div class="clear"><img height="12px" class="spacer" src="images/spacer.gif"></div>
                            <div data-bind="visible: existLine" id="cart-backtop">
                                <form id="tinhlai" name="tinhlai" method="post" action="javascript:void(0);">
	                                <input type="hidden" value="/Gio-hang.html" name="returnurl" />
                                    <input type="hidden" value="recount" name="action" />
                                    <table id="tblCart">
                                            <tr>
	                                          <td align="center" class="textBold">Stt</td>
	                                          <td align="center" class="textBold">Ảnh</td>
	                                          <td align="center" class="textBold">Mã sản phẩm</td>
	                                          <td align="center" class="textBold">Tên sản phẩm</td>
	                                          <td align="center" class="textBold">Số lượng</td>
                                              <td align="center" class="textBold">Giá</td>
	                                          <td align="center" class="textBold">Tổng</td>
	                                          <td align="center" class="textBold">Xóa</td>
	                                        </tr>
                                        <tbody data-bind='foreach: cart'>
			                                <tr class="line">
	                                            <td align="center" class="td-stt"  data-bind="text: ($index() + 1)"></td>
	                                            <td align="center">
                                                    <a data-bind="attr:{'href':Link}"><img width="180px" onerror="this.src='images/noimage.jpg'" data-bind="attr: {'src': ImagePath, 'alt':Name}" /></a></td>	
	                                            <td width="100" class="td-seri">
                                                    <div class="name" data-bind="text:Seri"></div></td>
	                                            <td width="200" class="td-name">
                                                    <div class="name" data-bind="text:Name"></div></td>
                                                <td class="td-quantity">
                                                    <input type="text" id="quantity-item" data-bind='value: Quantity, valueUpdate: "afterkeydown"' style="cursor:text;" /></td>
                                                <td class="td-price">
                                                    <span data-bind="text:PriceFormat"></span>
                                                    <span class="vnd">&nbsp;VNĐ</span></td>
	                                            <td class="td-price">
                                                    <span  data-bind='text: SubtotalFormat'></span>
                                                    <span class="vnd"> VNĐ</span></td>
	                                            <td class="td-del"><a data-bind='attr: {onclick: "showDeleteConfirm(" + Id + ")"}' href="javascript:void(0);">
                                                <img align="absmiddle" src="images/icon-del.png"></a>
                                                </td>
	                                        </tr>
                                        </tbody>
                                        <tr>
	                                        <td colspan="6" class="ttd-price">Tổng tiền : </td>
	                                        <td colspan="3" class="td-price-t"><span data-bind="text:grandTotal"></span><span class="vnd">&nbsp;VNĐ</span></td>
	                                    </tr>
        	                            
                                    </table>
                                </form>
                                <div class="clear"><img height="10px" class="spacer" src="images/spacer.gif" /></div>
                                <div class="cart-note"><img alt="note" src="images/icon-note.png">&nbsp;&nbsp;
		                            Khi thay đổi số lượng hàng , hệ thống sẽ tự động cập nhật giá và tính lại tổng số tiền.
		                            Click xem&nbsp;<a href="PaymentIntro.aspx"><strong>Hướng dẫn mua hàng</strong></a>
	                            </div>
	                        </div>
	                        <div align="center" class="pad20"  data-bind="visible: !existLine()" style="display:none;">
						        <div class="clear"><img height="20px" class="spacer" src="images/spacer.gif"></div>
						        <h1>Giỏ hàng không có sản phẩm nào!</h1>
							    <div class="clear"><img height="40px" class="spacer" src="images/spacer.gif"></div>
					        </div> 
                            <div class="clear"><img height="10px" class="spacer" src="images/spacer.gif" /></div>
                            <div class="cart-tool">
                                <a id="btnDatHang" href="javascript:void(0)" class="btn btn-capnhat right" style="padding-right:10px;" data-bind="visible:existLine">Đặt hàng</a>
                                <div class="floatLeft">
                                    <a onclick="javascript:continueShopping();" href="javascript:void(0);" class="btn btn-capnhat-blue" style="width:130px;">Tiếp tục mua hàng</a>
                                    <div class="floatLeft"><img height="10px" class="spacer" src="images/spacer.gif" /></div>
                                    <div class="clear">
                                </div>
                            </div>
                            <div class="clear"><img height="10px" class="spacer" src="images/spacer.gif"></div>
                            <div   data-bind="visible: existLine" >
	                            <ulCart:DatHang ID="DatHang" runat="server" />
	                        </div>
                        </div>
                            <div class="clear"></div>
                        </div>
                    </div>
                    
                </form>
            </div>  <!-- End view model -->
            <ulFooter:Footer ID="Footer" runat="server" />
            </div>
        </div>
        
    </div>
    <ulCompareProducts:CompareProducts ID="CompareProducts" runat="server" />
    <ulAdv:Adv ID="Adv" runat="server" />
    <ulPopup:Delete ID="PopupDelete" runat="server" />
    <ulPopup:Process ID="PopupProcess" runat="server" />
    <script type="text/javascript">
        $(document).ready(function () {
            // Set allow numbers only
            $("#quantity-item").numeric();
            //$("div.product-list div.product-item:last-child").css("margin-right", "0px");
            $("#box-share ul li:last-child").css("padding", "0 0");
            
            $("#btnDatHang").click(function () {
                $("#dat-hang").show();
                $('html, body').animate({
                    scrollTop: $("#dat-hang").offset().top
                }, 500);
            });
        });
    </script>
    <script type='text/javascript' src='js/viewmodel/online_cartViewModel.js'></script>
</body>
</html>
